<!--
  @Description:首页
  @author Wangshu
  @date 2019/8/17
-->

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="../css/common/bootstrap.min.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/common/common.css">
    <link rel="stylesheet" href="../css/common/swiper.min.css">
    <title>山科科技园-首页</title>
</head>
<body>
<head>
    <div class="top-title">
        <div>
            <span>欢迎登陆山科大技术转移公共服务平台！</span>
            <div class="login">
                <img src="../asset/icon/people.png" alt="">
                <a href="./signIn.html">登录</a>
                <span class="spece">|</span>
                <a href="./signUp.html">注册</a>
            </div>
        </div>
    </div>
    <div class="logo-box">
        <div class="logo-wrap">
            <div>
                <img src="../asset/fodder/logo.png" alt="">
            </div>
            <div>
                <div class="search">
                    <div class="dropdown">
                        <div class="btn select-default dropdown-toggle" type="button" id="dropdownMenu1"
                             data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            请选择学院
                            <span><img style="width: 20px;" src="../asset/icon/dropdown.png" alt=""></span>
                        </div>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a onclick="shows1($(this).text())">矿业与安全工程学院</a></li>
                            <li><a onclick="shows1($(this).text())">测绘与工程学院</a></li>
                            <li><a onclick="shows1($(this).text())">体育学院</a></li>
                        </ul>
                    </div>
                    <div class="search-block">
                        <input type="text">
                    </div>
                    <div class="submit">
                        <img src="../asset/icon/search.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-box">
        <div class="nav-list">
            <ul>
                <li class="active"><a href="./home.html">首页</a></li>
                <li><a href="./news.html">新闻</a></li>
                <li><a href="./people.html">人才库</a></li>
                <li><a href="./resultStore.html">成果库</a></li>
                <li><a href="./demandStore.html">需求库</a></li>
                <li><a href="./me.html">联系我们</a></li>
            </ul>
        </div>
    </div>
</head>
<main>

    <div class="swiper-container swiper-container-initialized swiper-container-horizontal">
        <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1425px, 0px, 0px);">
            <div class="swiper-slide"><img class="swiper-img" src="../asset/fodder/banner1.png" alt=""></div>
            <div class="swiper-slide"><img class="swiper-img" src="../asset/fodder/banner1.png" alt=""></div>
            <div class="swiper-slide"><img class="swiper-img" src="../asset/fodder/banner1.png" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
    </div>
    <!--模块部分-->
    <div class="menu-box">
        <div class="m-block">
            <div class="color1">
                <a href="./people.html">
                    <img src="../asset/icon/menu1.png" alt="">
                    <span>找人才</span>
                </a>
            </div>
            <div class="color2">
                <a href="./resultStore.html">
                    <img src="../asset/icon/menu2.png" alt="">
                    <span>找成果</span>
                </a>
            </div>
            <div class="color3">
                <a href="./demandStore.html">
                    <img src="../asset/icon/menu3.png" alt="">
                    <span>找需求</span>
                </a>
            </div>
            <div class="color4">
                <a href="./pushDemand.html">
                    <img src="../asset/icon/menu4.png" alt="">
                    <span>发布需求</span>
                </a>
            </div>
            <div class="color5">
                <a href="./pushResult.html">
                    <img src="../asset/icon/menu1.png" alt="">
                    <span>发布成果</span>
                </a>
            </div>
        </div>
    </div>

    <!--文章部分-->
    <div class="content-wrap content-bg">
        <div class='article'>
            <div>
                <div class="art-model">
                    <a href="./newsDetail.html">
                        <img src="../asset/fodder/news1.png" alt="">
                        <div class="desc">
                            <p>山东科技大学隆重举行庆祝建党98周年暨“两优先”表彰大会</p>
                            <p class="desc-tit">
                                烈庆祝中国共产党成立98周年烈庆祝中国共产党成立98周年  烈庆祝中国共产党成立98周年，表彰一批在学校各项事业改革发展中涌现出来的优秀共产党员、优秀党务工作者和先进基层党组织。
                            </p>
                        </div>
                    </a>
                </div>
                <div class="art-model art-list">
                    <ul>
                        <li>
                            <div><a href="./newsDetail.html">山东科技大学隆重举行庆祝建党98周年暨“两先”表彰大会</a><span>19-07-04</span></div>
                        </li>
                        <li>
                            <div><a href="./newsDetail.html">地学盛宴：全国煤及其共伴生矿产青年全国煤及其共伴生矿产青年</a><span>19-07-04</span></div>
                        </li>
                        <li>
                            <div><a href="./newsDetail.html">地学盛宴：全国煤及其共伴生矿产青年全国煤及其共伴生矿产青年…</a><span>19-07-04</span></div>
                        </li>
                        <li>
                            <div><a href="./newsDetail.html">地学盛宴：全国煤及其共伴生矿产青年全国煤及其共伴生矿产青年</a><span>19-07-04</span></div>
                        </li>
                        <li>
                            <div><a href="./newsDetail.html">地学盛宴：全国煤及其共伴生矿产青年地全国煤及其共伴生矿产青年</a><span>19-07-04</span></div>
                        </li>
                        <li>
                            <div><a href="./newsDetail.html">地学盛宴：全国煤及其共伴生矿产青年地全国煤及其共伴生矿产青年</a><span>19-07-04</span></div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="art-model push-art">
                <div class="push">
                    <p>
                        <img src="../asset/icon/light.png" alt="">
                        <span>新成果发布</span>
                    </p>
                    <ul>
                        <li>
                            <p>2019-07-09 10:09</p>
                            <a href="./resultDetail.html">刘元老师发布了<span>《成果标题》</span>，快来看看吧</a>
                        </li>
                        <li>
                            <p>2019-07-09 10:09</p>
                            <a href="./resultDetail.html">刘元老师发布了<span>《成果标题》</span>，快来看看吧</a>
                        </li>
                    </ul>
                </div>
                <div style="height:10px ;background: #f8f8f8"></div>
                <div class="push">
                    <p>
                        <img src="../asset/icon/aircraft.png" alt="">
                        <span style="color:#4ADBA3">新需求发布</span>
                    </p>
                    <ul>
                        <li>
                            <p>2019-07-09 10:09</p>
                            <a href="./demandDetail.html">尾号2956的用户发布了需求：地学盛宴：全国煤及其共伴生矿产青年</a>
                        </li>
                        <li>
                            <p>2019-07-09 10:09</p>
                            <a href="./demandDetail.html">尾号2956的用户发布了需求：地学盛宴：全国煤及其共伴生矿产青年</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--人才库 成果库  需求库 -->
        <div class="store">
            <div class="store-box">
                <div class='store-model'>
                    <div>
                        <p class="color1">
                            <img src="../asset/icon/store1.png" alt="">
                            <span>人才库</span>
                        </p>
                    </div>

                    <div class="teacher">
                        <p>两院院士</p>
                        <ul>
                            <li><a href="./talentsDetail.html"><span>宋振骐 中国科学院院士</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘宝珺 中国科学院院士</span></a></li>
                            <li><a href="./talentsDetail.html"><span>陈蕴博 中国科学院院士</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢 中国科学院院士</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher-name">
                        <p>地球科学与工程</p>
                        <ul>
                            <li><a href="./talentsDetail.html"><span>宋振骐</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘宝珺</span></a></li>
                            <li><a href="./talentsDetail.html"><span>陈蕴博</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher-name">
                        <p>测绘科学与工程学院</p>
                        <ul>
                            <li><a href="./talentsDetail.html"><span>宋振骐</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘宝珺</span></a></li>
                            <li><a href="./talentsDetail.html"><span>陈蕴博</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher-name">
                        <p>土木工程与建筑学院</p>
                        <ul>
                            <li><a href="./talentsDetail.html"><span>宋振骐</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘宝珺</span></a></li>
                            <li><a href="./talentsDetail.html"><span>陈蕴博</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher-name">
                        <p>矿业与安全工程学院</p>
                        <ul>
                            <li><a href="./talentsDetail.html"><span>宋振骐</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘宝珺</span></a></li>
                            <li><a href="./talentsDetail.html"><span>陈蕴博</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                            <li><a href="./talentsDetail.html"><span>刘盛钢</span></a></li>
                        </ul>
                    </div>
                </div>

                <div class='store-model'>
                    <div>
                        <p class="color2">
                            <img src="../asset/icon/store2.png" alt="">
                            <span>成果库</span>
                        </p>
                    </div>

                    <div class="teacher">
                        <p>矿业与安全</p>
                        <ul>
                            <li><a href="./resultDetail.html"><span>关于矿井无人钻探技术的研究</span></a></li>
                            <li><a href="./resultDetail.html"><span>关于智能分别矿石技术的研究</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher">
                        <p>计算机与信息工程</p>
                        <ul>
                            <li><a href="./resultDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                            <li><a href="./resultDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher">
                        <p>土木工程与建筑</p>
                        <ul>
                            <li><a href="./resultDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                            <li><a href="./resultDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher">
                        <p>地球科学与工程</p>
                        <ul>
                            <li><a href="./resultDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                            <li><a href="./resultDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                        </ul>
                    </div>
                </div>
                <div class='store-model'>
                    <div>
                        <p class="color3">
                            <img src="../asset/icon/store3.png" alt="">
                            <span>需求库</span>
                        </p>
                    </div>

                    <div class="teacher">
                        <p>矿业与安全</p>
                        <ul>
                            <li><a href="./demandDetail.html"><span>关于矿井无人钻探技术的研究</span></a></li>
                            <li><a href="./demandDetail.html"><span>关于智能分别矿石技术的研究</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher">
                        <p>计算机与信息工程</p>
                        <ul>
                            <li><a href="./demandDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                            <li><a href="./demandDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher">
                        <p>土木工程与建筑</p>
                        <ul>
                            <li><a href="./demandDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                            <li><a href="./demandDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                        </ul>
                    </div>
                    <div class="teacher">
                        <p>地球科学与工程</p>
                        <ul>
                            <li><a href="./demandDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                            <li><a href="./demandDetail.html"><span>关于数据挖掘在医疗信息领域的应用</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<footer>
    <div class="foot-line">
        <span>青岛校区地址：山东省青岛市黄岛区前湾港路579号</span>
        <span>邮政编码：266590</span>
        <span>联系电话：0532-80698028\80698027\80678029</span>
        <span>传真：0532-80698029</span>
    </div>
    <div class="foot-line">
        <span>泰安校区地址：山东省泰安市岱宗大街223号</span>
        <span>邮政编码：271019</span>
        <span>联系电话：0538-3076489</span>
        <span>传真：0538-3076489</span>
    </div>
    <div class="last-line">
        Copyright©2019 　山东科技大学 　鲁ICP备09051012号
    </div>
    <div></div>
</footer>
<script src="../js/public/jquery-1.11.3.min.js"></script>
<script src="../js/public/swiper.min.js"></script>
<script src="../js/public/bootstrap.min.js"></script>
<script src="../js/layer/layer/layer.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true,
            // loop: true,
        },
        autoplay: true,
    });
    $('.dropdown-toggle').dropdown()

    function shows1(a) {
        $("#dropdownMenu1").text(a);
    }
</script>
</body>
</html>
